<!DOCTYPE html>
<html>
<head>
<title>DAY11</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
/* GitHub stylesheet for MarkdownPad (http://markdownpad.com) */
/* Author: Nicolas Hery - http://nicolashery.com */
/* Version: b13fe65ca28d2e568c6ed5d7f06581183df8f2ff */
/* Source: https://github.com/nicolahery/markdownpad-github */

/* RESET
=============================================================================*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
}

/* BODY
=============================================================================*/

body {
  font-family: Helvetica, arial, freesans, clean, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #333;
  background-color: #fff;
  padding: 20px;
  max-width: 960px;
  margin: 0 auto;
}

body>*:first-child {
  margin-top: 0 !important;
}

body>*:last-child {
  margin-bottom: 0 !important;
}

/* BLOCKS
=============================================================================*/

p, blockquote, ul, ol, dl, table, pre {
  margin: 15px 0;
}

/* HEADERS
=============================================================================*/

h1, h2, h3, h4, h5, h6 {
  margin: 20px 0 10px;
  padding: 0;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
}

h1 tt, h1 code, h2 tt, h2 code, h3 tt, h3 code, h4 tt, h4 code, h5 tt, h5 code, h6 tt, h6 code {
  font-size: inherit;
}

h1 {
  font-size: 28px;
  color: #000;
}

h2 {
  font-size: 24px;
  border-bottom: 1px solid #ccc;
  color: #000;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 16px;
}

h5 {
  font-size: 14px;
}

h6 {
  color: #777;
  font-size: 14px;
}

body>h2:first-child, body>h1:first-child, body>h1:first-child+h2, body>h3:first-child, body>h4:first-child, body>h5:first-child, body>h6:first-child {
  margin-top: 0;
  padding-top: 0;
}

a:first-child h1, a:first-child h2, a:first-child h3, a:first-child h4, a:first-child h5, a:first-child h6 {
  margin-top: 0;
  padding-top: 0;
}

h1+p, h2+p, h3+p, h4+p, h5+p, h6+p {
  margin-top: 10px;
}

/* LINKS
=============================================================================*/

a {
  color: #4183C4;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* LISTS
=============================================================================*/

ul, ol {
  padding-left: 30px;
}

ul li > :first-child, 
ol li > :first-child, 
ul li ul:first-of-type, 
ol li ol:first-of-type, 
ul li ol:first-of-type, 
ol li ul:first-of-type {
  margin-top: 0px;
}

ul ul, ul ol, ol ol, ol ul {
  margin-bottom: 0;
}

dl {
  padding: 0;
}

dl dt {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  padding: 0;
  margin: 15px 0 5px;
}

dl dt:first-child {
  padding: 0;
}

dl dt>:first-child {
  margin-top: 0px;
}

dl dt>:last-child {
  margin-bottom: 0px;
}

dl dd {
  margin: 0 0 15px;
  padding: 0 15px;
}

dl dd>:first-child {
  margin-top: 0px;
}

dl dd>:last-child {
  margin-bottom: 0px;
}

/* CODE
=============================================================================*/

pre, code, tt {
  font-size: 12px;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
}

code, tt {
  margin: 0 0px;
  padding: 0px 0px;
  white-space: nowrap;
  border: 1px solid #eaeaea;
  background-color: #f8f8f8;
  border-radius: 3px;
}

pre>code {
  margin: 0;
  padding: 0;
  white-space: pre;
  border: none;
  background: transparent;
}

pre {
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  font-size: 13px;
  line-height: 19px;
  overflow: auto;
  padding: 6px 10px;
  border-radius: 3px;
}

pre code, pre tt {
  background-color: transparent;
  border: none;
}

kbd {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #DDDDDD;
    background-image: linear-gradient(#F1F1F1, #DDDDDD);
    background-repeat: repeat-x;
    border-color: #DDDDDD #CCCCCC #CCCCCC #DDDDDD;
    border-image: none;
    border-radius: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 10px;
    padding: 1px 4px;
}

/* QUOTES
=============================================================================*/

blockquote {
  border-left: 4px solid #DDD;
  padding: 0 15px;
  color: #777;
}

blockquote>:first-child {
  margin-top: 0px;
}

blockquote>:last-child {
  margin-bottom: 0px;
}

/* HORIZONTAL RULES
=============================================================================*/

hr {
  clear: both;
  margin: 15px 0;
  height: 0px;
  overflow: hidden;
  border: none;
  background: transparent;
  border-bottom: 4px solid #ddd;
  padding: 0;
}

/* TABLES
=============================================================================*/

table th {
  font-weight: bold;
}

table th, table td {
  border: 1px solid #ccc;
  padding: 6px 13px;
}

table tr {
  border-top: 1px solid #ccc;
  background-color: #fff;
}

table tr:nth-child(2n) {
  background-color: #f8f8f8;
}

/* IMAGES
=============================================================================*/

img {
  max-width: 100%
}
</style>
</head>
<body>
<h3>56. 购物车-加入购物车-创建数据表</h3>
<pre><code>CREATE TABLE t_cart (
    cid INT AUTO_INCREMENT COMMENT '购物车数据id',
    uid INT NOT NULL COMMENT '用户id',
    gid BIGINT(20) NOT NULL COMMENT '商品id',
    num INT NOT NULL COMMENT '商品数量',
    created_user VARCHAR(20) COMMENT '创建人',
    created_time DATETIME COMMENT '创建时间',
    modified_user VARCHAR(20) COMMENT '最后修改人',
    modified_time DATETIME COMMENT '最后修改时间',
    PRIMARY KEY (cid)
) DEFAULT CHARSET=UTF8;
</code></pre>

<h3>57. 购物车-加入购物车-创建实体类</h3>
<p>创建<code>cn.tedu.store.entity.Cart</code>实体类，继承自<code>BaseEntity</code>：</p>
<h3>58. 购物车-加入购物车-持久层</h3>
<p>将商品添加到购物车，需要执行的SQL语句大致是：</p>
<pre><code>INSERT INTO t_cart (除了cid以外的字段列表) VALUES (值列表);
</code></pre>

<p>需要注意的是，并不是每次点击“加入购物车”都会产生新的数据，例如：7号用户已经把1号商品添加到购物车，数量为2，数据如下：</p>
<pre><code>uid     gid     num
7       1       2
</code></pre>

<p>如果此时，7号用户再次点击1号商品界面中的“加入购物车”，添加1个到购物车中，其实，应该只修改原有数据的数量，并不会产生新的数据，如下：</p>
<pre><code>uid     gid     num
7       1       3
7       2       1
8       1       1
</code></pre>

<p>所以，“加入购物车”功能还可能执行：</p>
<pre><code>UPDATE t_cart SET num=?, modified_user=?, modified_time=? WHERE cid=?
</code></pre>

<p>每次用户点击“加入购物车”时，到底执行INSERT操作，还是UPDATE操作，取决于“该用户的购物车中有没有该商品”，实现该判断的SQL查询语句大致是：</p>
<pre><code>SELECT * FROM t_cart WHERE uid=? AND gid=?
</code></pre>

<p>执行以上查询时，如果查询到有效结果，则表示“该用户的购物车中已有该商品”，反之，则表示“该用户的购物车中没有该商品”；如果查询到有效结果，后续将执行UPDATE操作，即：更新购物车中商品的数量，则需要将原数量读出来，用于结合用户此次提交的增量，计算新的数量，并且，还需要读取出这条数据的id，便于执行UPDATE操作，则以上查询应该调整为：</p>
<pre><code>SELECT cid, num FROM t_cart WHERE uid=? AND gid=?
</code></pre>

<p>分析完成！然后创建<code>cn.tedu.store.mapper.CartMapper</code>持久层接口，并添加以上3个功能对应的抽象方法：</p>
<pre><code>Integer insert(Cart cart);

Integer updateNum(
    @Param(&quot;cid&quot;) Integer cid, 
    @Param(&quot;num&quot;) Integer num, 
    @Param(&quot;modifiedUser&quot;) String modifiedUser, 
    @Param(&quot;modifiedTime&quot;) Date modifiedTime);

Cart findByUidAndGid(
    @Param(&quot;uid&quot;) Integer uid,
    @Param(&quot;gid&quot;) Long gid);
</code></pre>

<p>复制得到<code>CartMapper.xml</code>，修改根节点的<code>namespace</code>属性的值，并配置以上3个抽象方法的映射：</p>
<pre><code>&lt;mapper namespace=&quot;cn.tedu.store.mapper.CartMapper&quot;&gt;

    &lt;!-- 插入购物车数据 --&gt;
    &lt;!-- Integer insert(Cart cart) --&gt;
    &lt;insert id=&quot;insert&quot;
        useGeneratedKeys=&quot;true&quot;
        keyProperty=&quot;cid&quot;&gt;
        INSERT INTO t_cart (
            uid, gid,
            num,
            created_user, created_time,
            modified_user, modified_time
        ) VALUES (
            #{uid}, #{gid},
            #{num},
            #{createdUser}, #{createdTime},
            #{modifiedUser}, #{modifiedTime}
        )
    &lt;/insert&gt;

    &lt;!-- 修改购物车中商品的数量 --&gt;
    &lt;!-- Integer updateNum(
        @Param(&quot;cid&quot;) Integer cid, 
        @Param(&quot;num&quot;) Integer num, 
        @Param(&quot;modifiedUser&quot;) String modifiedUser, 
        @Param(&quot;modifiedTime&quot;) Date modifiedTime) --&gt;
    &lt;update id=&quot;updateNum&quot;&gt;
        UPDATE
            t_cart
        SET
            num=#{num},
            modified_user=#{modifiedUser},
            modified_time=#{modifiedTime}
        WHERE
            cid=#{cid}
    &lt;/update&gt;

    &lt;!-- 根据用户id和商品id查询购物车数据 --&gt;
    &lt;!-- Cart findByUidAndGid(
        @Param(&quot;uid&quot;) Integer uid,
        @Param(&quot;gid&quot;) Long gid) --&gt;
    &lt;select id=&quot;findByUidAndGid&quot;
        resultType=&quot;cn.tedu.store.entity.Cart&quot;&gt;
        SELECT
            cid, num
        FROM
            t_cart
        WHERE
            uid=#{uid} AND gid=#{gid}
    &lt;/select&gt;

&lt;/mapper&gt;
</code></pre>

<p>在<strong>src/test/java</strong>下创建<code>cn.tedu.store.mapper.CartMapperTests</code>测试类，测试以上3个方法：</p>
<pre><code>@RunWith(SpringRunner.class)
@SpringBootTest
public class CartMapperTests {

    @Autowired
    private CartMapper mapper;

    @Test
    public void insert() {
        Cart cart = new Cart();
        cart.setUid(7);
        cart.setGid(1L);
        cart.setNum(2);
        Integer rows = mapper.insert(cart);
        System.err.println(&quot;rows=&quot; + rows);
    }

    @Test
    public void updateNum() {
        Integer cid = 1;
        Integer num = 5;
        String modifiedUser = &quot;管理员&quot;;
        Date modifiedTime = new Date();
        Integer rows = mapper.updateNum(cid, num, modifiedUser, modifiedTime);
        System.err.println(&quot;rows=&quot; + rows);
    }

    @Test
    public void findByUidAndGid() {
        Integer uid = 7;
        Long gid = 1L;
        Cart result = mapper.findByUidAndGid(uid, gid);
        System.err.println(result);
    }

}
</code></pre>

<h3>59. 购物车-加入购物车-业务层</h3>
<p>此次业务层将调用持久层开发的3个方法，其中，查询的方法不会抛出异常，因为无论是否查询到数据，此次操作都是正确的；而插入数据和更新数据将有可能分别抛出<code>InsertException</code>和<code>UpdateException</code>。</p>
<p>创建<code>cn.tedu.store.service.ICartService</code>业务层接口，并添加抽象方法：</p>
<pre><code>void addToCart(Cart cart, Integer uid, String username) throws InsertException, UpdateException;
</code></pre>

<p>创建<code>cn.tedu.store.service.impl.CartServiceImpl</code>业务层实现类，实现以上接口，添加<code>@Service</code>注解，在类中声明<code>@Autowired private CartMapper cartMapper;</code>持久层对象：</p>
<pre><code>@Service
public class CartServiceImpl implements ICartService {

    @Autowired 
    private CartMapper cartMapper;

}
</code></pre>

<p>然后，私有化实现持久层中的3个抽象方法：</p>
<pre><code>/**
 * 插入购物车数据
 * @param cart 购物车数据
 * @throws InsertException 插入数据异常
 */
private void insert(Cart cart) throws InsertException {
    Integer rows = cartMapper.insert(cart);
    if (rows != 1) {
        throw new InsertException(
            &quot;将商品添加到购物车失败！插入数据时出现未知错误！&quot;);
    }
}

/**
 * 修改购物车中商品的数量
 * @param cid 购物车数据的id
 * @param num 新的商品数量
 * @param modifiedUser 修改执行人
 * @param modifiedTime 修改时间
 * @throws UpdateException 更新数据异常
 */
private void updateNum(Integer cid, Integer num, 
    String modifiedUser, Date modifiedTime)
        throws UpdateException {
    Integer rows = cartMapper.updateNum(cid, num, modifiedUser, modifiedTime);
    if (rows != 1) {
        throw new UpdateException(
            &quot;更新商品数量失败！更新数据时出现未知错误！&quot;);
    }
}

/**
 * 根据用户id和商品id查询购物车数据
 * @param uid 用户id
 * @param gid 商品id
 * @return 匹配的购物车数据，如果没有匹配的数据，则返回null
 */
private Cart findByUidAndGid(Integer uid, Long gid) {
    return cartMapper.findByUidAndGid(uid, gid);
}
</code></pre>

<p>最后，重写接口中抽象方法：</p>
<pre><code>public void addToCart(Cart cart, Integer uid, String username) throws InsertException, UpdateException {
    // 创建时间对象
    // 根据参数cart中封装的uid和gid执行查询
    // 检查查询结果是否为null
    // 是：
    // -- 基于参数uid向参数cart中封装uid
    // -- 基于参数username向参数cart中封装createdUser和modifiedUser
    // -- 向参数cart中封装createdTime和modifiedTime
    // -- 执行插入数据
    // 否：updateNum(cid, num, modifiedUser, modifiedTime);
    // -- 从查询结果中获取cid
    // -- 从查询结果中获取num，它是商品的原数量
    // -- 将以上获取的原数量与参数cart中的num相加，得到新的数量
    // -- 执行修改数量
}
</code></pre>

<p>具体实现为：</p>
<pre><code>@Override
public void addToCart(Cart cart, Integer uid, String username) throws InsertException, UpdateException {
    // 创建时间对象
    Date now = new Date();

    // 根据参数cart中封装的uid和gid执行查询
    Cart result = findByUidAndGid(uid, cart.getGid());
    // 检查查询结果是否为null
    if (result == null) {
        // 是：
        // 基于参数uid向参数cart中封装uid
        cart.setUid(uid);
        // 基于参数username向参数cart中封装createdUser和modifiedUser
        cart.setCreatedUser(username);
        cart.setModifiedUser(username);
        // 向参数cart中封装createdTime和modifiedTime
        cart.setCreatedTime(now);
        cart.setModifiedTime(now);
        // 执行插入数据
        insert(cart);
    } else {
        // 否：updateNum(cid, num, modifiedUser, modifiedTime);
        // 从查询结果中获取cid
        Integer cid = result.getCid();
        // 从查询结果中获取num，它是商品的原数量
        Integer oldNum = result.getNum();
        // 将以上获取的原数量与参数cart中的num相加，得到新的数量
        Integer newNum = oldNum + cart.getNum();
        // 执行修改数量
        updateNum(cid, newNum, username, now);
    }
}
</code></pre>

<p>完成后，在<strong>src/test/java</strong>中创建<code>cn.tedu.store.service.CartServiceTests</code>测试类，编写并执行单元测试：</p>
<pre><code>@RunWith(SpringRunner.class)
@SpringBootTest
public class CartServiceTests {

    @Autowired
    private ICartService service;

    @Test
    public void addToCart() {
        try {
            Cart cart = new Cart();
            cart.setGid(10L);
            cart.setNum(3);
            Integer uid = 70;
            String username = &quot;购物卡车&quot;;
            service.addToCart(cart, uid, username);
            System.err.println(&quot;OK.&quot;);
        } catch (ServiceException e) {
            System.err.println(e.getClass().getName());
            System.err.println(e.getMessage());
        }
    }

}
</code></pre>

<h3>60. 购物车-加入购物车-控制器层</h3>
<p>此次业务层并没有抛出新的异常，则无需处理异常。</p>
<p>创建<code>cn.tedu.store.controller.CartController</code>控制器类，继承自<code>BaseController</code>，添加<code>@RestController</code>和<code>@RequestMapping(&quot;carts&quot;)</code>注解，并在类中声明<code>@Autowired private ICartService cartService;</code>业务层对象：</p>
<pre><code>@RestController
@RequestMapping(&quot;carts&quot;)
public class CartController extends BaseController {

    @Autowired 
    private ICartService cartService;

}
</code></pre>

<p>然后，在控制器类中添加处理请求的方法：</p>
<pre><code>@RequestMapping(&quot;add_to_cart&quot;)
public JsonResult&lt;Void&gt; addToCart(Cart cart, HttpSession session) {
    // 从Session中获取uid和username
    Integer uid = getUidFromSession(session);
    String username = getUsernameFromSession(session);
    // 调用业务层对象执行加入购物车
    cartService.addToCart(cart, uid, username);
    // 响应成功
    return new JsonResult&lt;&gt;(SUCCESS);
}
</code></pre>

<p>最后，打开浏览器，先登录，然后通过<code>http://localhost:8080/carts/add_to_cart?gid=50&amp;num=3</code>进行测试。</p>
<h3>61. 购物车-加入购物车-前端界面</h3>
<h3>62. 购物车-显示列表-持久层</h3>
<p><strong>a. 规划SQL语句</strong></p>
<p>如果只查询<code>t_cart</code>表，查询得到的数据并不足以显示所需的页面内容，需要关联<code>t_goods</code>表进行查询，从而得到商品的标题、图片等信息，才可以完成显示：</p>
<pre><code>select 
    cid, uid, gid, title, price, image, t_cart.num
from t_cart 
left join t_goods
on t_cart.gid=t_goods.id
where uid=? 
order by t_cart.created_time desc 
</code></pre>

<p>由于将执行关联查询，目前并没有哪种数据类型可以封装此次的查询结果，所以，需要使用VO类来封装查询结果！</p>
<p>则需要创建<code>cn.tedu.store.vo.CartVO</code>类，该类的属性应该与查询结果保持一致：</p>
<pre><code>public class CartVO implements Serializable {
    private Integer cid;
    private Integer uid;
    private Long gid;
    private String title;
    private Long price;
    private String image;
    private Integer num;
    // SET/GET/equals/hashCode/toString
}
</code></pre>

<p><strong>b. 接口与抽象方法</strong></p>
<pre><code>List&lt;CartVO&gt; findByUid(Integer uid);
</code></pre>

<p><strong>c. 配置映射</strong></p>
<p>映射：</p>
<pre><code>&lt;!-- xx --&gt;
&lt;!-- xx --&gt;
&lt;select id=&quot;findByUid&quot;
    resultType=&quot;cn.tedu.store.vo.CartVO&quot;&gt;
    xxxxx
&lt;/select&gt;
</code></pre>

<p>测试：</p>
<pre><code>@Test
public void findByUid() {
    Integer uid = 7;
    List&lt;CartVO&gt; list = mapper.findByUid(uid);
    System.err.println(&quot;BEGIN:&quot;);
    for (CartVO item : list) {
        System.err.println(item);
    }
    System.err.println(&quot;END.&quot;);
}
</code></pre>

<h3>63. 购物车-显示列表-业务层</h3>
<p><strong>a. 规划异常</strong></p>
<p>无</p>
<p><strong>b. 接口与抽象方法</strong></p>
<pre><code>List&lt;CartVO&gt; getByUid(Integer uid);
</code></pre>

<p><strong>c. 实现类与重写方法</strong></p>
<pre><code>public List&lt;CartVO&gt; getByUid(Integer uid) {
    return findByUid(uid);
}

privater List&lt;CartVO&gt; findByUid(Integer uid) {
    return cartMapper.findByUid(uid);
}
</code></pre>

<p>测试：</p>
<pre><code>@Test
public void getByUid() {
    Integer uid = 7;
    List&lt;CartVO&gt; list = service.getByUid(uid);
    System.err.println(&quot;BEGIN:&quot;);
    for (CartVO item : list) {
        System.err.println(item);
    }
    System.err.println(&quot;END.&quot;);
}
</code></pre>

<h3>64. 购物车-显示列表-控制器层</h3>
<p><strong>a. 处理异常</strong></p>
<p>无</p>
<p><strong>b. 设计请求</strong></p>
<pre><code>请求路径：/carts/
请求参数：HttpSession session
请求类型：GET
响应数据：JsonResult&lt;List&lt;CartVO&gt;&gt;
</code></pre>

<p><strong>c. 处理请求</strong></p>
<pre><code>@GetMapping(&quot;/&quot;)
public JsonResult&lt;List&lt;CartVO&gt;&gt; getByUid(
        HttpSession session) {
    // 从session中获取uid
    Integer uid = getUidFromSession(session);
    // 调用业务层对象获取数据
    List&lt;CartVO&gt; data
        = cartService.getByUid(uid);
    // 响应
    return new JsonResult&lt;&gt;(SUCCESS, data);
}
</code></pre>

<h3>65. 购物车-显示列表-前端页面</h3>

</body>
</html>
<!-- This document was created with MarkdownPad, the Markdown editor for Windows (http://markdownpad.com) -->
